<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

<meta name="description" content="" />

<meta name="author" content="" />

<title>Freelancer - Start Bootstrap Theme</title>

<!-- Favicon-->

<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />

<!-- Font Awesome icons (free version)-->

<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>

<!-- Google fonts-->

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />

<!-- Core theme CSS (includes Bootstrap)-->

<link href="css/styles.css" rel="stylesheet" />

</head>

<body id="page-top">

<!-- Navigation-->

<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">

<div class="container">

<button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

Menu

<i class="fas fa-bars"></i>

</button>

</div>

</nav>

<!-- Masthead-->

<header class="masthead bg-primary text-white text-center">

<div class="container d-flex align-items-center flex-column">

<!-- Masthead Avatar Image-->

<img class="masthead-avatar mb-5" src="./assets/img/portfolio/IMG_0838.jpg" alt="..." />

<!-- Masthead Heading-->

<h1 class="masthead-heading text-uppercase mb-0">20212285 조은빈</h1>

<!-- Icon Divider-->

<div class="divider-custom divider-light">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon"><i class="fas fa-star"></i></div>

<div class="divider-custom-line"></div>

</div>

<!-- Masthead Subheading-->

<p class="masthead-subheading font-weight-light mb-0">원광대학교 디지털콘텐츠공학과</p>

</div>

</header>

<!-- Portfolio Section-->

<section class="page-section portfolio" id="portfolio">

<div class="container">

<!-- Portfolio Section Heading-->

<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">Portfolio</h2>

<!-- Icon Divider-->

<div class="divider-custom">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon"><i class="fas fa-star"></i></div>

<div class="divider-custom-line"></div>

</div>

<!-- Portfolio Grid Items-->

<div class="row justify-content-center">

<!-- Portfolio Item 1-->

<div class="col-md-6 col-lg-4 mb-5">

<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal1">

<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">

<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>

</div>

<img class="img-fluid" src="assets/img/portfolio/cabin.png" alt="..." />

</div>

</div>

<!-- Portfolio Item 2-->

<div class="col-md-6 col-lg-4 mb-5">

<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal2">

<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">

<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>

</div>

<img class="img-fluid" src="assets/img/portfolio/cake.png" alt="..." />

</div>

</div>

<!-- Portfolio Item 3-->

<div class="col-md-6 col-lg-4 mb-5">

<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal3">

<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">

<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>

</div>

<img class="img-fluid" src="assets/img/portfolio/circus.png" alt="..." />

</div>

</div>

<!-- Portfolio Item 4-->

<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">

<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal4">

<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">

<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>

</div>

<img class="img-fluid" src="assets/img/portfolio/game.png" alt="..." />

</div>

</div>

<!-- Portfolio Item 5-->

<div class="col-md-6 col-lg-4 mb-5 mb-md-0">

<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal5">

<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">

<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>

</div>

<img class="img-fluid" src="assets/img/portfolio/safe.png" alt="..." />

</div>

</div>

<!-- Portfolio Item 6-->

<div class="col-md-6 col-lg-4">

<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal6">

<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">

<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>

</div>

<img class="img-fluid" src="assets/img/portfolio/submarine.png" alt="..." />

</div>

</div>

</div>

</div>

</section>

<!-- About Section-->

<section class="page-section bg-primary text-white mb-0" id="about">

<div class="container">

<!-- About Section Heading-->

<h2 class="page-section-heading text-center text-uppercase text-white">20212285 조은빈</h2>

<!-- Icon Divider-->

<div class="divider-custom divider-light">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon"><i class="fas fa-star"></i></div>

<div class="divider-custom-line"></div>

</div>

<!-- About Section Content-->

<div class="row">

<div class="col-lg-4 ms-auto"><p class="lead">저는 21살 디지털콘텐츠공학과 2학년 조은빈입니다. 저는 전주에서 학교 통학버를 타고 학교를 왔다갔다 합니다. 수요일은 공강이여서 수요일에는 집에서 쉽니다.</p></div>

<div class="col-lg-4 me-auto"><p class="lead">저는 IT스타트업 회사에 취직하기 위해 빅데이터분석기사 자격증과 토익 공부를 열심히 하고 있습니다.</p></div>

</div>

<!-- About Section Button-->

<div class="text-center mt-4">

<a class="btn btn-xl btn-outline-light" href="https://startbootstrap.com/theme/freelancer/">

<i class="fas fa-download me-2"></i>

Free Download!

</a>

</div>

</div>

</section>